<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>会议管理</title>
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"
    />
    <link
      rel="stylesheet"
      href="../layuiadmin/layui/css/layui.css"
      media="all"
    />
    <link rel="stylesheet" href="../layuiadmin/style/admin.css" media="all" />
    <link rel="stylesheet" href="../layuiadmin/style/style.css" media="all" />
    <link
      rel="stylesheet"
      href="../layuiadmin/fonts/iconfont.css"
      media="all"
    />
    <style>
      .layui-tab-title .layui-this:after {
        border: none;
      }
      .layui-tab-title {
        border: none;
      }
      .layui-tab-title li {
        width: 164px;
        height: 41px;
        line-height: 43px;
        border: 1px solid #334d80;
        border-radius: 22px;
        padding: 0;
      }
      .layui-tab-title .layui-this {
        background-color: #334d80;
        color: #fff;
      }
      .iconfont {
        font-size: 20px;
        margin-right: 10px;
      }
      .opearBtn {
        width: 90px;
        height: 42px;
        background: #e7efff;
        border: 1px solid #334d80;
        box-shadow: 1px 1px 2px 0px rgba(51, 77, 128, 0.54);
        border-radius: 10px;
        color: #334d80;
        position: relative;
      }
      .layui-btn:hover {
        color: #334d80;
      }
      .layui-table-tool-panel {
        top: 48px;
      }
      .changeTimeBox {
        width: 469px;
        padding-left: 10px;
        margin: 0 10px;
        height: 42px;
        background: #ffffff;
        border: 1px solid #334d80;
        box-shadow: 1px 1px 2px 0px rgba(51, 77, 128, 0.54);
        border-radius: 10px;
        display: inline-block;
        vertical-align: middle;
      }
      .meetingBox {
        width: 260px;
        height: 42px;
        border: 1px solid #334d80;
        box-shadow: 1px 1px 2px 0px rgba(51, 77, 128, 0.54);
        border-radius: 10px;
        display: inline-block;
        background: #ffffff;
        padding-left: 10px;
      }
      .changeTimeBox input,
      .meetingBox input {
        border: none;
        outline: none;
      }
      .layui-table-tool-temp {
        padding-right: 0;
      }
      .layui-table-total {
        display: none;
      }
      .layui-dateIcon {
        width: 19px;
        height: 19px;
        vertical-align: middle;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 9px;
      }
      .startTimeItem {
        position: relative;
        float: left;
      }
      .topMenu {
        width: 100%;
        height: 3rem;
        line-height: 3rem;
        display: flex;
        flex-direction: row;
      }
      .contBox {
        width: 100%;
        height: calc(100%-5rem);
        background: red;
      }

      .leftMenu {
        width: 4rem;
        height: 2rem;
        line-height: 2rem;
        background: #c0c0c0;
        color: #fff;
        margin-right: 1rem;
        text-align: center;
      }

      .rightMenu {
        width: 4rem;
        height: 2rem;
        line-height: 2rem;
        background: #ccc;
        color: #fff;
        margin-right: 1rem;
        text-align: center;
      }
    </style>
  </head>
  <body>
    <div class="layui-fluid">
      <div class="topMenu">
        <div class="menuClick   leftMenu" data-id="2" data-subId="">参与会议</div>
        <div class="menuClick leftMenu" data-id="1" data-subId="">科室会议</div>
        <div class="menuClick rightMenu" data-id="" data-subId="2">未召开</div>
        <div class="menuClick rightMenu" data-id="" data-subId="1">已召开</div>
      </div>

      <div class="contBox">
        <!-- <table id="attendMeeting2" lay-filter="attendMeeting"></table> -->
      </div>

      <div class="layui-tab" lay-filter="meetingsManagementTab">
        <div class="tabWraper">
          <ul class="layui-tab-title my-title">
            <li
              data-meetingType="2"
              class="layui-this"
              style="margin-right: 25px"
            >
              <i class="iconfont icon-duoren"></i>参与会议
            </li>
            <li data-meetingType="1">
              <i class="iconfont icon-huiyi"></i>科室会议
            </li>

            <!-- <ul class="layui-tab-title my-title" style="position: relative"> -->
            <li data-mettingDone="2" style="position: absolute; right: 192px">
              <i class="iconfont icon-zhengzaizhaokai"></i>未召开
            </li>
            <li data-mettingDone="1" style="position: absolute; right: 0">
              <i class="iconfont icon-kaishi"></i>已召开
            </li>
          </ul>
          <!-- </ul> -->
        </div>
        <div class="layui-card-body technicalRevieTab layui-tab-content">
          <!-- 参与会议 -->
          <div class="layui-tab-item layui-show">
            1111111111
            <table id="attendMeeting2" lay-filter="attendMeeting"></table>
          </div>
          <div class="layui-tab-item">
            222222222222
            <table id="attendMeeting1" lay-filter="attendMeeting"></table>
          </div>
          <div class="layui-tab-item">
            333333333333
            <table id="attendMeeting12" lay-filter="attendMeeting"></table>
            <table id="attendMeeting22" lay-filter="attendMeeting"></table>
          </div>
          <div class="layui-tab-item">
            444444444444
            <table id="attendMeeting11" lay-filter="attendMeeting"></table>
            <table id="attendMeeting21" lay-filter="attendMeeting"></table>
          </div>

          <!-- 科室会议 -->
          <!-- <div class="layui-tab-item">
            <table
              id="departmentMeeting"
              lay-filter="departmentMeeting"
            ></table>
          </div> -->
          <!-- 未召开 -->
          <!-- <div class="layui-tab-item">
            <table id="notHeld" lay-filter="notHeld"></table>
          </div> -->
          <!-- 已召开 -->
          <!-- <div class="layui-tab-item">
            <table id="held" lay-filter="held"></table>
          </div> -->
        </div>
      </div>
    </div>
    <script type="text/html" id="table-content-list">
      {{# if(d.roomId.indexOf('线上')){}}
      <div class="meetingsMagBox">
        <div class="meetingsMagBtn">
          <a
            class="layui-btn meetingChangeBtn"
            lay-event="meetingChange"
            style="margin-left:10px; "
            >会议变更</a
          >
          <a
            class="layui-btn meetingDetailsBtn"
            lay-event="meetingDetails"
            >详细信息</a
          >
        </div>
      </div>
      {{# } else { }}
      <div class="meetingsMagBox">
        <div class="meetingsMagBtn">
          <a
            class="layui-btn meetingChangeBtn"
            lay-event="meetingChange"
            style="margin-left:10px; "
            >会议变更</a
          >
          <a
            class="layui-btn meetingDetailsBtn"
            lay-event="meetingDetails"
            >详细信息</a
          >
        </div>
        <div class="meetingsMagBtn" style="width: 180px;">
          <a
            class="layui-btn meetingEnterBtn"
            lay-event="meetingEnter"
            style="width:100%; "
            >进入会议</a
          >
        </div>
      </div>
      {{# } }}
      </div>
    </script>
    <script type="text/html" id="toolbarOpear">
      <button class="layui-btn opearBtn" lay-event="layTableAllChoose">
        <i class="iconfont icon-quanxuan"></i>全选
      </button>
      <button class="layui-btn opearBtn" lay-event="LAYTABLE_COLS">
        <i class="iconfont icon-shaixuan" style="font-size: 24px;"></i>筛选
      </button>
      <button class="layui-btn opearBtn" lay-event="LAYTABLE_EXPORT">
        <i class="iconfont icon-xiazai"></i>下载
      </button>
      <button class="layui-btn opearBtn" lay-event="isAll">
        <i class="iconfont icon-shuaxin"></i>刷新
      </button>
      <div class="changeTimeBox">
        起止时间
        <div class="layui-inline">
          <div class="layui-input-inline startTimeItem">
            <input
              type="text"
              autocomplete="off"
              id="startDate"
              class="layui-input startDate"
              name="startTime"
            />
            <img
              class="layui-dateIcon"
              src="../layuiadmin/images/dateIcon.png"
              alt=""
            />
          </div>
          <div class="layui-form-mid">至</div>
          <div class="layui-input-inline endDateItem" style="float: left;">
            <input
              type="text"
              autocomplete="off"
              id="endDate"
              class="layui-input endDate"
              name="endTime"
            />
            <img
              class="layui-dateIcon"
              src="../layuiadmin/images/dateIcon.png"
              alt=""
            />
          </div>
        </div>
      </div>
      <div class="meetingBox" style="display: inline-block;">
        会议名称
        <div class="layui-input-inline">
          <input
            type="text"
            autocomplete="off"
            class="layui-input"
            name="meetingName"
          />
        </div>
      </div>
      <!-- <div style="display: inline-block;">
        会议ID
        <div class="layui-input-inline">
          <input
            type="text"
            autocomplete="off"
            class="layui-input"
            name="meetingId"
          />
        </div>
      </div> -->
      <div style="display: inline-block; width: 200px;">
        <button
          class="layui-btn"
          style="display:inline-block; margin-left: 10px;"
          lay-submit
          lay-filter="tableSearch"
        >
          搜索
        </button>
        <button
          type="button"
          class="layui-btn"
          style="display:inline-block"
          lay-filter="tableRefresh"
          lay-submit
        >
          清空
        </button>
      </div>

      <!-- 搜索ID：
      <div class="layui-inline">
        <input
          class="layui-input"
          name="id"
          id="demoReload"
          autocomplete="off"
        />
      </div>
      <button class="layui-btn" data-type="reload">搜索</button> -->
    </script>
    <script src="../layuiadmin/modules/const_config.js"></script>
    <script src="../layuiadmin/modules/jTools.js"></script>
    <script src="../layuiadmin/layui/layui.js"></script>
    <script>
      layui
        .config({
          base: "../layuiadmin/", //静态资源所在路径
        })
        .extend({
          index: "lib/index", //主入口模块
        })
        .use(["index", "meetingsManagement"], function () {});

      // 点击按钮
    </script>
  </body>
</html>
